<template>
    <div class="right-cpn">
        <topCpn></topCpn>
        <centerCpn></centerCpn>
        <bottomCpn></bottomCpn>
    </div>
</template>

<script>
import topCpn from './components/top/index.vue';
import centerCpn from './components/center/sentence_index.vue';
import bottomCpn from './components/bottom/index.vue';

export default {
    components: {
        topCpn,
        centerCpn,
        bottomCpn
    }
}
</script>

<style scoped>
.right-cpn{
    flex: 8;
    height: 100vh;
    /* outline: 2px solid green; */
}
</style>